@charset "utf-8";
/*  ----------- Copyright (c) 2012, Jubaobar! Inc. All rights reserved.http://www.jubaobar.com/  version:1.0  ----------- */ 
/*  ----------- Site: zhaocaibao  Author: jubaobar  Updated: 2012/9/25  Updated by: BJN  ------------  */ 

/* start base */
*{padding:0;margin:0;}  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0; border:0}
img,input,select,button{border:none;vertical-align:middle;}  
body{font-family:"微软雅黑","宋体",Arial;font-size:12px;text-align:center;background:#FFF;color:#555555;} 
table{border-collapse:collapse;border-spacing:0;}
ul,ol{list-style-type:none;}  
th,td,input{font-size:12px;}  
fieldset,img{border:0;}
input,textarea,select{border:solid 1px #d3d3d3; font-size:14px; color:#000000; line-height:18px; font-family:"微软雅黑","宋体",Arial; background:url(../images/skin/input-bg.jpg) repeat-x left top;}
input:hover,textarea:hover,select:hover,input:focus,textarea:focus,select:focus{border:solid 2px #96d0ee; font-size:14px; color:#000000; line-height:18px; font-family:"微软雅黑","宋体",Arial;}
input{padding-left:5px;}
button{border:none;cursor:pointer;font-size:12px;background-color:transparent;}  
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}  
.clearfix:after{content:"";display:block;clear:both;}  
.clearfix{zoom:1;}  
a {text-decoration:none;color:#555555;}  
a:hover{text-decoration:underline;color:#ff8900;} 
td{word-break: break-all;}
.border-n{border:none; background:none}

/*html{overflow-y:scroll;}  */
.fll{float:left;}
.flr{float:right;}
.fln{float:none;}
body {behavior:url("css/csshover.htc"); }
/* end base */
/* start header */
#top-container{background:url(../images/skin/header-bg-1.jpg) repeat-x; height:28px; border-bottom:solid 1px #dfdfdf; overflow:hidden;}
.top-content{width:960px; margin:0 auto; height:28px; text-align:left; line-height:28px; text-align:right;}
.top-content .top-welcom,.top-content .top-username,.top-content .top-manage{display:inline;}
.top-content .top-welcom{background:url(../images/icon.png) no-repeat left top; padding:1px 8px 0px 25px; color:#999999}
.top-content .top-welcom a{color:#999999;}.top-content .top-welcom a:hover{color:#ff8900; text-decoration:none}
.top-content .top-username{color:#ff8900; padding:0px 8px 0px 0px}
.top-content .top-username a,.top-content .top-username a:hover{color:#ff8900}
.top-content .top-manage{color:#555555}
.top-content .top-manage a{color:#447bd6;}
.top-content .top-manage a:hover{color:#ff8900;}
#header-container{background:url(../images/skin/header-bg.png) repeat-x; height:86px; overflow:hidden; text-align:left; border-bottom:solid 3px #ff8900}
#header-container .header-content{width:960px; margin:0 auto; height:86px;}
#header-container .header-content .logo{padding-top:6px; width:350px; height:70px; overflow:hidden;}
#header-container .header-content .logo a{display:block; background:url(../images/logo.png) no-repeat; width:350px; height:70px; overflow:hidden;}
#header-container .header-content .logo a h1{display:none}
.navigation{padding-top:51px; width:605px;_width:610px;}
.navigation ul li{float:left;margin-left:21px; display:inline;_margin-left:18px;}
.navigation ul li,.navigation ul li a,.navigation ul li a:hover{display:block; width:100px; height:35px;}
.navigation ul li a.indexBar{background:url(../images/nav.png) no-repeat left top;}
.navigation ul li a.indexBar:hover{background-position:left -35px;}
.navigation ul li a.indexBar-current{background:url(../images/nav.png) no-repeat left -70px;}
.navigation ul li a.receivablesBar{background:url(../images/nav.png) no-repeat -121px top;}
.navigation ul li a.receivablesBar:hover{background-position:-121px -35px;}
.navigation ul li a.receivablesBar-current{background:url(../images/nav.png) no-repeat -121px -70px;}
.navigation ul li a.accountsBar{background:url(../images/nav.png) no-repeat -242px top;}
.navigation ul li a.accountsBar:hover{background-position:-242px -35px;}
.navigation ul li a.accountsBar-current{background:url(../images/nav.png) no-repeat -242px -70px;}
.navigation ul li a.clientBar{background:url(../images/nav.png) no-repeat -363px top;}
.navigation ul li a.clientBar:hover{background-position:-363px -35px;}
.navigation ul li a.clientBar-current{background:url(../images/nav.png) no-repeat -363px -70px;}
.navigation ul li a.myaccountBar{background:url(../images/nav.png) no-repeat -484px top;}
.navigation ul li a.myaccountBar:hover{background-position:-484px -35px;}
.navigation ul li a.myaccountBar-current{background:url(../images/nav.png) no-repeat -484px -70px;}
.header-Line{background:url(../images/skin/header-bg-2.jpg) repeat-x; height:6px; overflow:hidden}
/* end header */
/* start footer */
.footer-container{border-top:solid 1px #e6e5e5; padding-top:15px; height:58px; background:#f7f7f7;}
.footer-content{width:960px; margin:0 auto; text-align:left;}
.footer-content p{display:block;}
.footer-tips img{margin-right:12px;}
.footer-copyright{color:#414141}
/* end footer */
/* font*/
.spanStar{color:#ff8900}
.spangray{color:#999999;}
.font-12s{font-size:12px;}
.spanRed{color:#ff0000}
.spanAr,.spanYell{font-family:Arial, Helvetica, sans-serif;}
.spanYell{color:#ff8900; font-weight:bold;}
.span16s{font-size:16px}
span.spanFont{font-weight:bold;}
span.spangray{color:#999999;}
.spanBlue{color:#447bd6}
.spanyahei{font-family:"微软雅黑";}
/* input*/
.receSum{height:32px; line-height:32px; width:180px;}
.receSum:hover,.receSum:focus,.receSum-error{height:30px; line-height:30px; width:178px; background:none}
.remarkBox{ width:437px; height:140px; vertical-align:top}
.remarkBox:hover,.remarkBox:focus{width:435px; height:138px; vertical-align:top; background:none}
.receSum-error{background:none}
.receSum-error,.receSum-error:hover,.receSum-error:focus{border:solid 2px #ff6161; background:none}
.calendarBox,.calendarBox:hover,.calendarBox:focus{background:url(../images/skin/calendar-bg.png) no-repeat right 0; line-height:27px;}
.calendarBox{ width:125px; height:27px;}
.calendarBox:hover,.calendarBox:focus{ width:123px; height:25px;}
.statusBox,.statusBox:hover,.statusBox:focus{background:url(../images/skin/select-bg.png) no-repeat right 0; line-height:27px; cursor:pointer}
.statusBox{ width:130px; height:27px; line-height:27px;}
.statusBox:hover,.statusBox:focus{ width:128px; height:25px; line-height:25px;}
.pageBox{height:23px; line-height:23px; width:40px; text-align:center; padding:0px}
.pageBox:hover,.pageBox:focus,.pageBox-error{height:21px; line-height:21px; width:38px; background:none; text-align:center; padding:0px}
.phoneBox{height:27px; line-height:27px; width:180px;}
.phoneBox:hover,.phoneBox:focus,.phoneBox-error{height:25px; line-height:25px; width:178px; background:none}
.selectContent{width:150px; position:relative;z-index:998}
.selectContent-1,.selectContent-2,.selectContent-3,.selectContent-4{width:150px; position:relative; }
.selectContent-1{z-index:997}
.selectContent-2{z-index:996}
.selectContent-3{z-index:995}
.selectContent-4{z-index:994}
.chooseOption{position:absolute; left:0px; top:27px; border:solid 1px #d4d4d4; width:135px; background:#fff; z-index:999}
.chooseOption ul li{height:25px; overflow:hidden; padding:0px; font-size:12px; }
.chooseOption ul li a{padding:4px 5px 4px 5px; display:block; font-size:12px; }
.chooseOption ul li a:hover{padding:4px 5px 4px 5px; display:block; background:#d4d4d4; color:#555555; text-decoration:none}
.chooseOption ul li.sj{height:25px; overflow:hidden; padding:0px; font-size:12px;  }
.chooseOption ul.mat{margin-top:-30px;}
.inquireBox{display:inline-block;}
.code{height:32px; line-height:32px; width:80px;}
.code:hover,.code:focus,.code-error{height:30px; line-height:30px; width:78px; background:none}
.code-error{background:none}
.code-error,.code-error:hover,.code-error:focus{border:solid 2px #ff6161; background:none}
.codes{height:32px; line-height:32px; width:60px;}
.codes:hover,.codes:focus,.codes-error{height:30px; line-height:30px; width:58px; background:none}
.codes-error{background:none}
.codes-error,.codes-error:hover,.codes-error:focus{border:solid 2px #ff6161; background:none}
.addr{height:32px; line-height:32px; width:330px;}
.addr:hover,.addr:focus,.addr-error{height:30px; line-height:30px; width:328px; background:none}
.message{ width:450px; height:100px; vertical-align:top}
.message:hover,.message:focus{width:448px; height:98px; vertical-align:top; background:none}


/* tips*/
.error-tips-1{background:url(../images/icon.png) no-repeat 95px -28px;font-size:12px; padding-left:120px; padding-top:6px;}
.opera-success-1,.opera-success-2{display:block;}
.opera-success-1{background:url(../images/icon.png) no-repeat 0 -110px; height:36px; padding-left:50px;  color:#ff8900; font-size:16px; font-weight:bold; padding-top:10px; margin:70px 0px 0px 290px}
.opera-success-3{background:url(../images/icon.png) no-repeat 0 -110px; height:36px; padding-left:50px;  color:#ff8900; font-size:16px; font-weight:bold; padding-top:10px; margin:70px 0px 0px 100px}
.opera-success-2{color:#555555; font-size:14px; padding-left:340px;}
.opera-success-4{color:#555555; font-size:14px; padding-left:150px;}
.error-tips-2{background:url(../images/icon.png) no-repeat 125px -28px;font-size:12px; padding-left:150px; padding-top:6px;}
.error-tips-3{background:url(../images/icon.png) no-repeat 95px -28px; font-size:12px; padding-left:120px; padding-top:6px;}
.error-tips-4{background:url(../images/icon.png) no-repeat 5px -28px; font-size:12px; padding-left:25px; padding-top:6px;}
/* botton*/
.nextStep,.nextStep:hover,.botton-text{background-image:url(../images/btn-type.png); background-repeat:no-repeat;height:37px; line-height:37px; color:#fff; font-size:14px; font-weight:bold; display:inline-block;cursor:pointer }
.nextStep{background-position:0 -120px; }
.nextStep .botton-text{background-position:right -208px; display:block;padding:0px 21px 0px 21px;}
.nextStep:hover{background-position:0 -161px; text-decoration:none}
.nextStep:hover .botton-text{background-position:right -248px}
.SUBMARGIN{margin-right:10PX;}
.SUBMARGIN-right{margin-left:10px;}
.tdpaddi{padding-left:20px;}
.problem-sub,.problem-sub:hover,.botton-sub-text{background-image:url(../images/btn-type.png); background-repeat:no-repeat;height:37px; line-height:37px; color:#000000; font-size:14px; font-weight:normal; display:inline-block;cursor:pointer }
.problem-sub{background-position:0 -293px; }
.problem-sub .botton-sub-text{background-position:right -375px; display:block;padding:0px 21px 0px 21px;}
.problem-sub:hover{background-position:0 -333px; text-decoration:none}
.problem-sub:hover .botton-sub-text{background-position:right -416px}
.inquire,.inquire:hover,.botton-inquire-text{background-image:url(../images/btn-type.png); background-repeat:no-repeat;height:31px; line-height:31px; color:#000; font-size:14px; font-weight:normal; display:inline-block;cursor:pointer }
.inquire{background-position:0 -455px; }
.inquire .botton-inquire-text{background-position:right -521px; display:block;padding:0px 21px 0px 21px;}
.inquire:hover{background-position:0 -488px; text-decoration:none}
.inquire:hover .botton-inquire-text{background-position:right -554px}
.sure,.sure:hover,.botton-sure-text{background-image:url(../images/btn-type.png); background-repeat:no-repeat;height:26px; line-height:26px; color:#000; font-size:14px; font-weight:normal; display:inline-block;cursor:pointer }
.sure{background-position:0 -589px; }
.sure .botton-sure-text{background-position:right -646px; display:block;padding:0px 15px 0px 15px;}
.sure:hover{background-position:0 -617px; text-decoration:none}
.sure:hover .botton-sure-text{background-position:right -673px}

/* Prompt*/
/* Prompt*/
.mask { 
	position: fixed; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
	background: #000; 
	opacity: 0.5;  
	filter: alpha(opacity=50); 
	display: none; 
	z-index: 99; 
}
.prompt-main-container{position: absolute; display: none;background:#646464;width:555px;padding:6px; text-align:left; z-index: 101;}


.prompt-titBG{background:url(../images/skin/prompt-bg-1.png) repeat-x; height:39px; line-height:39px; padding:0px 10px 0px 15px;}
.prompt-titBG .prompt-tips{font-size:16px; font-weight:bold; color:#26699b;}
/*.dropshadow { filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1); position: absolute; font-family:"宋体"font-size: 14pt; font-weight: bolder; top: 20px; clip: rect( ); left: 20px}
.shadow { filter: Shadow(Color=green, Direction=135); position: absolute; font-size: 14pt; font-weight: bolder ; left: 350px; top: 20px; clip: rect( )}*/
.closedSum{background:url(../images/icon.png) no-repeat 0px -64px; display:inline-block; width:15px; height:15px; overflow:hidden; margin-top:10px}
.closedSum:hover{background-position:0px -79px;}
.prompt-content{background:#fff; padding:36px 0px 25px 56px}
.prompt-content2{background:#fff; padding:26px 0px 25px 26px}
.prompt-content h2{font-size:14px; color:#414141; padding-bottom:15px;}
.prompt-opear{border-top:solid 1px #dedede; padding-top:16px; padding-bottom:13px; text-align:center; background:#fff; height:37px;}
.prompt-operaS1{text-align:left; padding-left:142px;}
.prompt-operaS2{text-align:left; padding-left:172px;}
.prompt-operaS3{text-align:left; padding-left:28px;}
.pro-tips1{color:#555555; font-size:14px; padding-bottom:15px;}
.pro-tips2{color:#ff8900; font-size:14px;}
.prompt-content ul li{padding-bottom:15px;}
.prompt-content ul li label{display:inline-block; width:90px; text-align:right}
/*table*/
.account-list{}
.account-list tr{border-bottom:solid 1px #f0f0f0}
.account-list tr td{_border-bottom:solid 1px #f0f0f0}
.account-list tr:hover{background:#fff7ce}
.account-list tr td{padding-top:10px; padding-bottom:8px; font-size:14px; color:#555555}
.account-list tr td.accountpro{background:#f6f6f6; padding:5px 0px 8px 0px; height:27px; line-height:27px; color:#555555; font-size:14px;}
a.xq{color:#447bd6}
a.xq:hover{color:#ff8900; text-decoration:underline;}
.payOpera-1,.payOpera-1:hover,.payOpera-2,.payOpera-2:hover,.payOpera-3,.payOpera-3:hover,.payOpera-4,.payOpera-4:hover,.payOpera-5,.payOpera-5:hover,.payOpera-6,.payOpera-6:hover,.payOpera-7,.payOpera-7:hover,.payOpera-8,.payOpera-8:hover,.payOpera-9,.payOpera-9:hover,.payOpera-10,.payOpera-10:hover,.payOpera-11,.payOpera-11:hover,.payOpera-12,.payOpera-12:hover,.payOpera-13,.payOpera-13:hover,.payOpera-14,.payOpera-14:hover,.payOpera-15,.payOpera-15:hover{ background:url(../images/skin/pay-bg-1.png); background-repeat:no-repeat;width:51px; height:24px; font-size:14px; color:#fff; cursor:pointer; margin-left:10px; text-align:left; padding-left:10px;position:relative; z-index:9}
.payOpera-1:hover,.payOpera-2:hover,.payOpera-3:hover,.payOpera-4:hover,.payOpera-5:hover,.payOpera-6:hover,.payOpera-7:hover,.payOpera-8:hover,.payOpera-9:hover,.payOpera-10:hover,.payOpera-11:hover,.payOpera-10:hover,.payOpera-11:hover,.payOpera-12:hover,.payOpera-13:hover,.payOpera-14:hover,.payOpera-15:hover{background-position:0 -24px;}
.payOpera-1,.payOpera-1:hover{z-index:998;}
.payOpera-2,.payOpera-2:hover{z-index:997;}
.payOpera-3,.payOpera-3:hover{z-index:996;}
.payOpera-4,.payOpera-4:hover{z-index:995;}
.payOpera-5,.payOpera-5:hover{z-index:994;}
.payOpera-6,.payOpera-6:hover{z-index:993;}
.payOpera-7,.payOpera-7:hover{z-index:992;}
.payOpera-8,.payOpera-8:hover{z-index:991;}
.payOpera-9,.payOpera-9:hover{z-index:990;}
.payOpera-10,.payOpera-10:hover{z-index:989;}
.payOpera-11,.payOpera-11:hover{z-index:988;}
.payOpera-12,.payOpera-12:hover{z-index:987;}
.payOpera-13,.payOpera-13:hover{z-index:986;}
.payOpera-14,.payOpera-14:hover{z-index:985;}
.payOpera-15,.payOpera-15:hover{z-index:984;}
.payOpera-list{position:absolute; top:24px; left:0px; width:59px; border:solid 1px #e3e2e2; background:#fff; z-index:999}
.payOpera-list ul li a{display:block; padding-left:10px; height:25px; line-height:25px;}
.payOpera-list ul li a:hover{display:block; padding-left:10px; height:25px; line-height:25px; background:#e3e2e2; color:#555555}
.totalPay{padding-right:230px; font-size:14px; padding-top:5px; padding-bottom:5px;}
.account-list tr td.borderN,.account-list tr.borderN{border:none}
.account-page{padding-top:20px; padding-bottom:15px;}
.account-page-in a,.account-page-in a:hover,.account-page-in-current,.account-page-in-current:hover{display:inline-block; padding:4px 8px 4px 8px; font-family:Arial, Helvetica, sans-serif; }
.account-page-in a{border:solid 1px #d9d9d9; background:#fff;}
.account-page-in a:hover,.account-page-in-current,.account-page-in-current:hover{border:solid 1px #ff6600; background:#fff7f3; font-weight:bold; color:#ff6600; text-decoration:none}
.account-page-in a.prev,.account-page-in a.prev:hover{background:url(../images/icon.png) no-repeat left -158px; padding-left:15px}
.account-page-in a.next,.account-page-in a.next:hover{background:url(../images/icon.png) no-repeat right -158px; padding-right:15px}
.no-data{text-align:center; padding-top:5px; padding-bottom:5px; font-size:14px;}
.no-data img{vertical-align:middle;}
.position-botton{position:relative}
.botton-style-posi{position:absolute; left:195px; top:2px}
.pro-tips3{color:#ff8900; font-size:14px; background:url(../images/icon.png) no-repeat -1px -32px; display:block; color:#666666; padding-left:20px; margin-bottom:30px; margin-top:20px;}
.pro-tips4{color:#ff8900; font-size:14px;display:block; color:#666666; padding-left:40px; margin-bottom:30px; margin-top:20px;}
.pro-tips4 strong{color:#ff6600;}
.written-cha{text-align:right; display:block; padding-right:80px; padding-top:5px;}

/*question*/
.question-top{padding-top:53px;}
.question-top span{display:inline-block;}
.question-top span.qu-user{background:url(../images/icon.png) no-repeat left -333px; padding-left:25px; color:#999999}
.question-top span.qu-user a{color:#999999}
.question-top span.qu-user a:hover{color:#ff6600; text-decoration:none}
.question-top span.qu-username{padding-left:10px; color:#ff6600}
.question-top span.qu-username a{color:#ff6600;}
.question-top span.qu-username a:hover{color:#ff6600; text-decoration:underline;}
.question-top span.qu-quit{padding-left:10px;color:#447bd6}
.question-top span.qu-quit a{color:#447bd6}
.question-top span.qu-quit a:hover{color:#447bd6; text-decoration:underline}
.question-main{padding:20px; width:920px; margin:0 auto; text-align:left;}
.question-main h2{font-size:18px; color:#ff6600; padding-top:10px; padding-bottom:20px;}
.question-main ul{padding-bottom:20px;}
.question-main ul li{border-bottom:solid 1px #f0f0f0; padding-bottom:1px; margin-bottom:1px;}
.question-main ul li div{padding-top:15px; padding-bottom:20px; padding-left:10px; padding-right:10px;}
.question-main ul li div:hover{background:#fff7ce}
.question-main ul li h3{background:url(../images/icon.png) no-repeat left -358px; display:block; font-size:14px; color:#666666; padding-left:25px;}
.question-main ul li p{display:block; padding-left:25px; padding-top:8px;}
.qu-table{border:solid 1px #e1e1e1;}
.qu-table tr td{border-bottom:solid 1px #e1e1e1; padding:5px; font-size:14px;}